<template>
  <the-header v-if="$route.meta.keepAlive"/>
  <router-view/>
  <the-footer v-if="$route.meta.keepAlive"/>
</template>
<script lang="ts">

import TheHeader from '@/components/the-header.vue'
import TheFooter from '@/components/the-footer.vue'
import {defineComponent} from "vue";

export default defineComponent({
  name:'app',
  components:{
    TheHeader,
    TheFooter
  }
})
</script>
<style lang="scss">
the-header{
  padding-left: 0px;
}
</style>
